// import React from 'react'

// function createList() {
//     const creatlist = [
//         'https://pub-cdn-oss.chuangkit.com/designKind/29?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/540?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/29?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/694?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/505?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/235?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/232?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/502?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/1044?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/731?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/302?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/1036?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/505?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/235?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/232?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/502?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/1044?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/731?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/148?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/23?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/152?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/630?v=1736753531449&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/694?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/505?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531448&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/235?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/232?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/502?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/1044?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/731?v=1736753531447&imageMogr2%2Fformat%2Fwebp',
//         'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp',
//     ]
//     return (
//         <div>

//                 {creatlist.map((item, index) => (
//                   <div>
//                       <div key={index} style={{ width: "13%", float: 'left', height: '200px', background: '#f5f7fd', margin: '0.7rem', display: 'flex', justifyContent: 'center', alignItems: 'center', borderRadius: '5%' }}>
//                         <img img={item} alt="" style={{ width: "0 auto", height: 'auto', maxWidth: '80%', maxHeight: '70%' }} />
//                     </div>
//                   </div>
//                 ))}

//         </div>
//     )
// }

// export default createList
import React from 'react'

let creatlist = [
    {
        tit: '海报',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/1044?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/498?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/540?v=1736753531439&imageMogr2%2Fformat%2Fwebp', name: '海报我' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/498?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/29?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '海报' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/1044?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '海报' },
        ]
    },
    {
        tit: '公众号',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/501?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/501?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/498?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '公众号' },
        ]
    },
    {
        tit: '抖音/小红书',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531448&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/23?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/498?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '抖音/小红书' },
        ]
    },
    {
        tit: '电商',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/501?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '电商' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '电商' },
        ]
    },
    {
        tit: 'PPT/办公',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'PPT/办公' },
        ]
    },
    {
        tit: '印刷物料',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '印刷物料' },
        ]
    },
    {
        tit: 'H5',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: 'H5' },
        ]
    },
    {
        tit: '社会生活',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/572?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/618?v=1736753531446&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/485?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '社会生活' },
        ]
    }, {
        tit: '视频',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/536?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/277?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/731?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/485?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/161?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '视频' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '视频' },
        ]
    }, {
        tit: '插画元素',
        message: [
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/731?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/277?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/277?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/536?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/503?v=1736753531449&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
            { img: 'https://pub-cdn-oss.chuangkit.com/designKind/486?v=1736753531447&imageMogr2%2Fformat%2Fwebp', name: '插画元素' },
        ]
    },
]
function createList() {
    return (
        <div >
            {creatlist.map((items, index) => (
                <div key={index} style={{ float: 'left', width: '100%' }}>
                    <h2>{items.tit}</h2>
                    {items.message.map((item, itemIndex) => (
                        <div key={itemIndex} style={{ float: 'left', width: "13%", height: '200px', background: '#f5f7fd', margin: '0.7rem', borderRadius: '5%' }}>
                            <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
                                <img src={item.img} style={{ width: "0 auto", height: '150px', maxWidth: '80%', maxHeight: '10%' }} />
                            </div>
                            <p style={{ textAlign: 'center' }}>{item.name}</p>
                        </div>
                    ))}
                </div>
            ))}
        </div>
    )
}

export default createList
